html.adminBarShown {
    padding-bottom: 30px;
}
@supports (-webkit-overflow-scrolling: touch) {
    html.adminBarShown {
        padding-bottom: 0px;
    }
    html.adminBarShown body {
        padding-bottom: 30px;
    }
}
#adminControl {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #009688;
    color: white;
    padding: 10px;
    box-shadow: #666 1px 1px 2px 1px;
    border-radius: 50%;
    z-index: 100000050;
    cursor: pointer;
    width: 20px;
    text-align: center;
    box-sizing: content-box;
}
body.rtl #adminControl {
    right: auto;
    left: 10px;
}
body.rtl #adminControl .fa-angle-double-right:before{
    content: "\f100";
}
#adminControl i {
    font-size: 20px;
} 
body #adminBar {
    display: block;
}
#adminBar {
    position: fixed;
    right: 0px;
    bottom: 0;
    width: 100%;
    background: #37474F;
    border-radius: 0px;
    z-index: 10000;
    opacity: 1;
    height: 30px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}
body.rtl #adminBar {
    transform-origin: 100% 50%;
    left: 0;
    right: auto;
}
body.embeded #adminBar {
    display: none;
}
#adminBar.adminBarInactive {
    width: 0px;
}
#adminBar #appCenter {
    position: absolute;
    display: block;
    background: #37474F;
    bottom: 0px;
    left: 10px;
    width: 41px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-size: auto 125%;
}
body.rtl #adminBar #appCenter {
    left: auto;
    right: 10px;
}
#adminBar #appCenter i{
    font-size: 36px;
    padding: 2px 3px;
    color : #CFD8DC;
}
#adminBarButtons {
    vertical-align: top;
    margin-left: 55px;
    display: inline-block;
}
body.rtl #adminBarButtons {
    margin-left: 0px;
    margin-right: 55px;
}
#quickEditModeOption > div,
#adminBarButtons > div {
    display: inline-block;
}
#quickEditModeOption > div > a,
#adminBarButtons > div > a {
    display: block;
    color: #CFD8DC;
    padding: 8px 6px;
    text-decoration: none;
    font-size: 13px;
    line-height: 14px;
    height: 30px;
    box-sizing: border-box;
}
#quickEditModeOption > div > a > i,
#adminBarButtons > div > a > i {
    margin-right: 5px;
}
body.rtl #quickEditModeOption > div > a > i,
body.rtl #adminBarButtons > div > a > i {
    margin-right: 0;
    margin-left: 5px;
}
#quickEditModeOption > div > a:not(.off),
#adminBarButtons > div > a.current,
#adminBarButtons > div > a:hover {
    color: #fff;
    background: #37474F;
    border-bottom: 2px solid #fff;
}
#quickEditModeOption > div > a > .off {
    display: none;
}
#quickEditModeOption > div > a.off > .on {
    display: none;
}
#quickEditModeOption > div > a.off > .off {
    display: inline-block;
}
#adminBarButtons .separator {
    position: relative;
    margin: 0 4px;
    display: inline-block;
}
#adminBarButtons .separator h5 {
    display: none;
}
div#quickEditModeOption {
    position: relative;
    margin-left: 6px;
    padding-left: 10px;
}
body.rtl div#quickEditModeOption {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 6px;
    padding-right: 10px;
}
div#quickEditModeOption:before,
#adminBarButtons .separator:after {
    content: "";
    position: absolute;
    top:-13px;
    height: 18px;
    border-left: 1px solid #CFD8DC;
    display: block;
    left: 0;
}
body.rtl div#quickEditModeOption:before,
body.rtl #adminBarButtons .separator:after {
    right: 0;
    left:auto;
}
div#quickEditModeOption:before {
    top: 6px;
    left: 0px;
}
body.rtl div#quickEditModeOption:before {
    left: auto;
    right: 0px;
}
.quickOverlay { 
    height: 100%; 
    width: 100%; 
    position: fixed; 
    top: 0px; 
    background: black; 
    z-index: 2000; 
    opacity: 0.5;
    cursor: pointer;    
}
.quickOverlayButton {
    position: fixed;
    top: 12px;
    right: 30px;
    z-index: 15000;
    text-align:right;
    transition: all 0.2s ease-in-out;
}
.minimize:not(.pinned) .quickOverlayButton{
    display:none;
}
body.rtl .quickOverlayButton {
    right: auto;
    left: 30px;
}
.quickOverlayButton a i { 
    padding-top:3px;
}
.quickOverlayButton a { 
    text-decoration: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #f65150;
    color: #00000080;
    border-radius: 50%;
    text-align: center;
    font-size: 11px;
    box-shadow: #f00505 0px 0px 1px 1px;
    box-sizing: border-box;
    padding: 3px;
    margin: 0 3px;
}
.quickOverlayButton a:focus{
    color: #00000080;
} 
.quickOverlayButton a.max { 
    background: #02cf40;
    box-shadow: #009c30 0px 0px 1px 1px;
    padding-left: 2px;
}
.quickOverlayButton a.pin { 
    background: #f8b13d;
    box-shadow: #b9842d 0px 0px 1px 1px;
}
.quickOverlayButton a.pin.disabled { 
    background: #dcdbdc;
    box-shadow: #a8a8a8 0px 0px 1px 1px;
}
.quickOverlayButton a:hover {
    color: #000;
}
#quickOverlayFrameDiv {
    position: fixed;
    height: calc(100% - 35px);
    width: calc(100% - 50px);
    bottom: 30px;
    right: 25px;
    z-index: 3000;
    border: none;
    box-shadow: #666 1px 1px 2px 1px;
    min-width: 780px;
    background: white;
    transition: all 0.2s ease-in-out;
    transform-origin: bottom right;
}
body.fixiosframe #quickOverlayFrameDiv {
    overflow:auto !important; 
    -webkit-overflow-scrolling:touch !important;
}
#quickOverlayFrame {
    width: 100%;
    height: 100%;
}
body.rtl #quickOverlayFrameDiv {
    right: auto;
    left: 25px;
    transform-origin: bottom left;
}
#quickOverlayContainer.minimize:not(.pinned) #quickOverlayFrameDiv {
    transform: scale(0.6);
}
#quickOverlayContainer.minimize:not(.pinned) .quickOverlay {
    opacity: 0.2;
}
#quickEditModeOption {
    display:inline-block;
}
@media screen and (max-width:1000px) {
    #quickEditModeOption > div > a,
    #adminBarButtons > div > a {
        text-align: center;
    }
    #quickEditModeOption > div > a > span,
    #adminBarButtons > div > a > span {
        display:none;
    }
    #quickEditModeOption > div > a > i, 
    #adminBarButtons > div > a > i {
        margin-right: 0px;
    } 
    body.rtl #quickEditModeOption > div > a > i, 
    body.rtl #adminBarButtons > div > a > i {
        margin-right: auto;
        margin-left: 0px;
    }
    #quickEditModeOption > div > a.off > .off {
        display: none;
    }
}
@media screen and (max-width:680px) {
    #adminBar #appCenter i{
        font-size: 30px;
        padding: 4px 5px;
    }
    html.adminBarShown {
        padding-bottom: 45px;
    }
    #adminBar {
        height: 45px;
    }
    #adminBarButtons {
        margin-left: 45px;
    }
    body.rtl #adminBarButtons {
        margin-left: 0px;
        margin-right: 45px;
    }
    #quickEditModeOption > div > a,
    #adminBarButtons > div > a {
        height: 45px;
        overflow: hidden;
        font-size: 20px;
        width: 32px;
        padding: 12px 5px;
    }
    #quickEditModeOption > div > a:hover,
    #adminBarButtons > div > a:hover {
        padding: 10px 5px 0px;
    }
    #quickEditModeOption > div > a > span,
    #adminBarButtons > div > a > span {
        display:none;
    }
    #adminBar #appCenter {
        left: 2px;
        bottom: 2px;
    }
    body.rtl #adminBar #appCenter {
        left: auto;
        right: 2px;
    }
    #adminBarButtons .separator {
        margin: 0px 2px;
    }
    #adminBarButtons .separator:after {
        top: -32px;
    }
    div#quickEditModeOption:before {
        top: 14px;
    }
    #adminControl {
        bottom: 7px;
        right: 5px;
        width: 20px;
        height: 20px;
        padding: 6px;
    }
    body.rtl #adminControl {
        right: auto;
        left: 5px;
    }
    div#quickEditModeOption {
        padding-left: 7px;
    }
    body.rtl div#quickEditModeOption {
        padding-left: 0;
        padding-right: 7px;
    }
    #quickOverlayFrameDiv {
        height: calc(100% - 90px);
        min-width: unset;
        right: 2px;
        width: calc(100% - 4px);
        bottom: 46px;
    }
    body.rtl #quickOverlayFrameDiv {
        right: auto;
        left: 2px;
    }
    @supports (-webkit-overflow-scrolling: touch) {
        html.adminBarShown {
            padding-bottom: 0px;
        }
        html.adminBarShown body {
            padding-bottom: 45px;
        }
    }
}
.quickEdit, #form-canvas .quickEdit {
    display: none;
    min-width: 100px;
    max-width: 200px;
    max-height: 15px;
    position: relative;
    top: 1px;
    left: 1px;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    margin: 0px 0px 2px 0px;
    padding: 2px 5px;
    background: #e7fab6;
    border-radius: 2px;
    z-index: 0;
    box-shadow: #A0C847 0px 0px 3px 1px;
    opacity: 0.8;
    overflow: hidden;
}
.quickEdit a, #navigation .quickEdit a, #form-canvas .quickEdit a {
    color: black !important;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    padding: 0px;
    line-height: 14px;
    width: 100%;
}
.quickEdit:hover, #navigation .quickEdit:hover, #navigation .quickEdit a:hover, #form-canvas .quickEdit:hover, .adminBarButton:hover {
    background: lightgreen;
}
body.quickEditModeActive fieldset#form-canvas, body.quickEditModeActive fieldset#form-canvas .subform-container, body.quickEditModeActive .dataList, body.quickEditModeActive #category-container {
    border: solid 5px #e7fab6;
    padding: 1px;
}
body.quickEditModeActive fieldset#form-canvas [class^="icon-"], body.quickEditModeActive fieldset#form-canvas [class*=" icon-"] {
    font-family: FontAwesome;
}
body.quickEditModeActive .analyzer-page {
    display: inline-block !important;
}
/*-- Performance Analyzer --*/
#analyzerJson { 
    display: none 
}
#navigation .menu.analyzer, .form-section.analyzer, .form-column.analyzer, .form-cell.analyzer, .subform-section.analyzer, .subform-column.analyzer, .subform-cell.analyzer, #content.analyzer { 
    border: solid 1px orange; 
    margin: 1px; 
    border-radius: 4px; 
}
.analyzer-page { 
    display: none;
    top: 0px;
    padding: 2px; 
    position: absolute; 
    z-index: 500; 
    border: solid 1px orange; 
    background: lightgoldenrodyellow; 
}
#adminBar .analyzer-page{
    margin: 4px 10px;
    background: #CFD8DC;
    border: 1px solid #CFD8DC;
    padding: 2px 10px;
    display: inline-block !important;
}
#adminBar .analyzer-page span{
    color: #37474F;
    font-size: 10px;
}
.analyzer-label { 
    display: none;
    opacity: 0.95; 
    position: absolute; 
    max-width: 600px; 
    z-index: 5; 
};
.analyzer-label, #form-canvas .analyzer-label { 
    position: absolute; 
    border-radius: 4px; 
    padding: 5px; 
    max-width: 500px; 
    z-index: 1000; 
    opacity: 0.95; 
    font-size: 9px; 
    font-family: sans-serif; 
}
.analyzer-info { 
    display: none; 
    margin-left: 20px; 
    margin-top: 0px; 
    z-index: 1000; 
    min-width: 200px; 
}
.analyzer-label:hover .analyzer-info, .analyzer-info:hover { 
    display: list-item !important; 
    z-index: 2000 
}
.analyzer-label:hover { 
    border: solid 1px orange; 
    background: lightgoldenrodyellow; 
}
.analyzer-info span, #navigation .current .analyzer-info span, #form-canvas .analyzer-info span, .analyzer-page span { 
    font-size: 8.5px; 
    font-family: sans-serif; 
    color: #555; 
    font-weight: normal; 
    z-index: 2000 
}
.analyzer-info-info { 
    float: left; 
    clear: left; 
    text-align: left; 
    line-height: 16px; 
}
.analyzer-label .analyzer-info-info { 
    width: 90%;
}    
.analyzer-info-duration { 
    float: right; 
    clear: right; 
    min-width: 30px; 
    text-align: right; 
}
.duration, #form-canvas .duration, .analyzer-info-duration { 
    background: lightgoldenrodyellow; 
    color: #555; 
    font-size: 8.5px; 
    border: solid 1px orange; 
    border-radius: 2px; 
    padding: 2px; 
    font-size: 10px; 
    font-weight: normal; 
}
.embeded .hasAnalyzer {
  padding-top: 20px;
}
.embeded .hasAnalyzer .analyzer-page {
    top:0;
}
#memWarning .warningMessage {
    padding: 10px 0px;
}
#memWarning .memGauge {
    width:100%; 
    border:solid 1px #555;
}
#memWarning .memUsage {
    background:yellow;
    padding:2px;
}
body.fixiosframe.stop-scrolling {
    height: 100% !important;
    overflow: hidden !important;
}
@media screen and (min-width:681px) { 
    #page .analyzer-page {
        display: none !important;
    }
    .quickOverlayFrame #presence {
        top: 35px;
    }
    .quickOverlayFrame #main {
        padding-top:35px;
        padding-right:50px;
    }
}
@media screen and (max-width:680px) { 
    #adminBar .analyzer-page {
        display: none !important;
    }
    .quickOverlayButton a i {
        padding-top:4px;
    }
    .quickOverlayButton a {
        width: 35px;
        height: 35px;
        background: #202124;
        color: #CFD8DC;
        font-size: 24px;
        box-shadow: #666 1px 1px 2px 1px;
    }
    .quickOverlayButton a.pin, .quickOverlayButton a.max {
        display:none;
    }
    .quickOverlayButton {
        top: 5px;
        right: 5px;
        left: auto;
    }
    body.rtl .quickOverlayButton {
        right: auto;
        left: 5px;
    }
    .quickOverlayButton a{
        width: 28px;
        height: 28px;
        font-size: 22px;
        padding: 0px;
    }
    #quickOverlayFrameDiv {
        height: calc(100% - 49px);
    }
}